“Visual Composer - All in One Carousel” Documentation by “Hitesh Khunt” v1.0

“Visual Composer - All in One Carousel”

Created: 02/05/2015
By: Hitesh Khunt
Email: khunthitesh32@gmail.com

Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction
Main Features
Installation guide
Getting started
Sources and Credits

A) Introduction - top

All in one Carousel give you an incredible flexibility to insert whatever you want in posts and pages body

Everyone can use , because it’s fully automatic, and it’s compatible with all recent versions of wordpress!

B) Main Features - top

Responsive Carousel.
7 Post Style Available( Grid / List)
post / category / portfolio / video / Gellary carousel
Custom Teaser Layout
Custom backgrond Color and hover background color
Synced Slider
Show more and Number Pagination
Social Share icon for each post
Custom posttype Support
Show more post Functionality using ajax
4 animation effects with single post / gellary

C) Installation guide - top

This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.

Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.

Plugin Upload

Step 5. The image above shows the option to upload the plugin from your own PC, this is the all-in-one-carousel.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".

Plugin activation

Installibg by FTP

First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :

Download all-in-one-carousel.zip from CodeCanyon
Extract the all-in-one-carousel directory to your computer
Upload the all-in-one-carousel directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Also WordPress codex contains instructions on how to do this here.

D) Getting started - top

The simple activation of the plugin is enough to have the desired behavior for all pages.

All in One Carousel Settings

General Settings

Setting Title	Description	Default	Possible Values
Title	Enter Carousel title.
Carousel type	Choose Carousel type.	Post Carousel
Build Post Query	Create WordPress loop, to populate content from your site.(Only for carousel type = Post Carousel and Custom Layout)
Skin type	Choose skin type for grid layout.(Only for carousel type = Post Carousel)
Select Images	Choose Images for Carousel.(Only for carousel type = Image Carousel)		Select Images on Wordpress Media
Enter Video URL	Enter Youtube, Vimeo URL,Divide each with comma separate.(Only for carousel type = Video Carousel)		Enter Youtube, Vimeo URL. Divide each with comma separate.ex : https://www.youtube.com/watch?v=BBQCHfQJLKs,https://vimeo.com/76940387,http://www.demo.comdemo.mp4
Set Video Height	Set Video Height. if you set height "0" then work like "auto".(Only for carousel type = Video Carousel)	315
Teaser layout	Control teasers look. Enable blocks and place them in desired order. Note: This setting can be overrriden on post to post basis.(Only for carousel type = Custom Layout)
Image View	Image Layout Round or Square(Only for carousel type = Image Carousel)	Square
Items Display	This variable allows you to set the maximum amount of items displayed at a time with the widest browser width	4
itemsDesktop Display	Display items between 1199px and 979px	4
itemsDesktopSmall Display	Display items between 979px and 768px	3
itemsTablet Display	Display items between 768px and 479px	2
itemsMobile Display	Display items between 479px and 200px	1
Show pagination	Show pagination	unchecked	Yes(checked)
Show pagination Numbers	Show numbers inside pagination buttons.	unchecked	Yes(checked)
Hide navigation	Display "next" and "prev" buttons.	unchecked	Yes(checked)
AutoPlay	Set Slider Autoplay.	unchecked	Yes(checked)
AutoPlay Time(Visible only autoplay "yes")	Set Autoplay slider speed.	5
LazyLoad	Set Lazy load.(Only for carousel type = Image carousel)	unchecked	Yes(checked)
Synced Slider	Set Synced Slider.see Example here.(Only for Item Display = 1)	unchecked	Yes(checked)
Synced Display(Visible only Synced Slider "yes")	Set Synces Slider Display elements.	10
Show more	add Show more Post last element of Carousel.(Only for carousel type = Post Carousel)	unchecked	Yes(checked)
Margin	Set Two Element Between Margin.(This option not available for carousel type = Post Carousel)	10
Transition effect	Add CSS3 transition style. Works only with one item on screen.(Only for Item Display = 1)
Link target	Set Link Target element of Carousel.(Only for carousel type = Post Carousel and Custom Layout)	Same Window
Exclude taxonomies	Enter Exclude taxonomies slug, Divide each with comma separate.get texonomy slug click here(Only for carousel type = Post Carousel)
Thumbnail size	Enter thumbnail size. Example: thumbnail, medium, large, full or other sizes defined by current theme. Alternatively enter image size in pixels: 200x100 (Width x Height).		thumbnail, medium, large, full, other sizes defined by current theme : 200x100
Excerpt Length	set excerpt length.default:20	20
Read More Translate	set Translate for "Read More" text.default : Read More(Only for carousel type = Post Carousel and Custom Layout)		Enter any text
Show more text	add Show more button text.Default:Show More		Enter any text
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css

Display Settings

Setting Title	Description	Default	Possible Values
Hide Excerpt	hide Excerpt content.	unchecked	Yes(checked)
Hide Category	hide category Section.	unchecked	Yes(checked)
Hide meta data	hide meta content.like date,author,comment counter	unchecked	Yes(checked)
Hide Social icon	hide social icon.	unchecked	Yes(checked)

Color Settings

Setting Title	Description	Possible Values
Post Background Color	set each post background color.	any color select on color picker
Post hover Background Color	set each post hover background color.	any color select on color picker
Image below / top line color	set Image below / top color.(This option only for style1,style2 and style4)	any color select on color picker
Title Color	Set Title Color	any color select on color picker
Title Hover Color	Set Title Hover Color	any color select on color picker
Navigation and Pagination color	Set Navigation and pagination color.(Only for svc type = carousel)	any color select on color picker

Anything HTML Carousel Settings

Setting Title	Description	Default	Possible Values
Title	Enter Carousel title.
Items Display	This variable allows you to set the maximum amount of items displayed at a time with the widest browser width	4
itemsDesktop Display	Display items between 1199px and 979px	4
itemsDesktopSmall Display	Display items between 979px and 768px	3
itemsTablet Display	Display items between 768px and 479px	2
itemsMobile Display	Display items between 479px and 200px	1
Show pagination	Show pagination	unchecked	Yes(checked)
Show pagination Numbers	Show numbers inside pagination buttons.	unchecked	Yes(checked)
Hide navigation	Display "next" and "prev" buttons.	unchecked	Yes(checked)
AutoPlay	Set Slider Autoplay.	unchecked	Yes(checked)
AutoPlay Time(Visible only autoplay "yes")	Set Autoplay slider speed.	5
Margin	Set Two Element Between Margin.	10
Transition effect	Add CSS3 transition style. Works only with one item on screen.(Only for Item Display = 1)
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css
Navigation and Pagination color	Set Navigation and pagination color.		any color select on color picker

E) Sources and Credits - top

I've used the following css files as listed.

Owl Carousel

Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.

Hitesh Khunt

Go To Table of Contents